<!---- SUI模板 on ${DATE} -->
<script ng-init="initCssAndJs()"></script>
<script ng-init="initCss('personal-center-page/css/personal-center.css')"></script>
<div class="content" ng-init="getPerInfo()">
    <!--内容区-->
    <div class="avatar-bg">
        <div class="avator-nickname">
            <a href="{{aHref}}">
                <div class="avatar">
                    <img ng-if="!userInfo.avatarImg.imgAddress"  src="page/personal-center-page/img/avatar.jpg">
                    <img ng-if="userInfo.avatarImg.imgAddress" ng-src="{{userInfo.avatarImg.imgAddress}}">

                </div>
            </a>
            <a href="{{aHref}}">
                <div class="nickname">
                    {{words}}

                </div>
            </a>>
        </div>
        <!--  <div class="login-icon"><a href="#/login"><span class="icon icon-settings "></span></a></div>-->
    </div>
    <!--middle内容-->
    <div class="list-block">
        <ul>
            <li>
                <a href="#/personal-information">
                    <div class="item-content">
                        <div class="item-media">
                            <i class="icon icon-form-name"><span class="fa home fa-user-o"></span></i>
                        </div>
                        <div class="item-inner">
                            <div class="item-title label">个人信息</div>
                            <div class="item-input">
                                <span class="fa home fa-angle-right"></span>
                            </div>
                        </div>
                    </div>
                </a>
            </li>
            <li>
                <a href="#/mynews">
                    <div class="item-content">
                        <div class="item-media">
                            <i class="icon icon-form-name"> <span class="fa home fa-commenting-o"></span></i>
                        </div>
                        <div class="item-inner">
                            <div class="item-title label">消息中心</div>
                            <div class="item-input">
                                <span class="fa home fa-angle-right"></span>
                                <span id="point" class="fa home circle" style="margin-top: .1rem"></span>
                            </div>
                        </div>
                    </div>
                </a>
            </li>
            <li>
                <a href="#/collection">
                    <div class="item-content">
                        <div class="item-media">
                            <i class="icon icon-form-name"> <span class="fa home fa-heart-o"></span></i>
                        </div>
                        <div class="item-inner">
                            <div class="item-title label">我的收藏</div>
                            <div class="item-input">
                                <span class="fa home fa-angle-right"></span>
                            </div>
                        </div>
                    </div>
                </a>
            </li>
            <li>
                <a href="#/myshopper">
                    <div class="item-content">
                        <div class="item-media">
                            <i class="icon icon-form-name"> <span class="fa home fa-shopping-cart"></span></i>
                        </div>
                        <div class="item-inner">
                            <div class="item-title label">我的购物</div>
                            <div class="item-input">
                                <span class="fa home fa-angle-right"></span>
                            </div>
                        </div>
                    </div>
                </a>
            </li>
            <li>
                <a href="#/myorders1">
                    <div class="item-content">
                        <div class="item-media">
                            <i class="icon icon-form-name"> <span class="fa home fa-file-text-o"></span></i>
                        </div>
                        <div class="item-inner">
                            <div class="item-title label">我的订单</div>
                            <div class="item-input">
                                <span class="fa home fa-angle-right"></span>
                            </div>
                        </div>
                    </div>
                </a>
            </li>
            <li>
                <a href="#/courserecord">
                    <div class="item-content">
                        <div class="item-media">
                            <i class="icon icon-form-name"> <span class="fa home fa-eye"></span></i>
                        </div>
                        <div class="item-inner">
                            <div class="item-title label">我的学习</div>
                            <div class="item-input">
                                <span class="fa home fa-angle-right"></span>
                            </div>
                        </div>
                    </div>
                </a>
            </li>
            <li>
                <a href="#/boughtrecord">
                    <div class="item-content">
                        <div class="item-media">
                            <i class="icon icon-form-name"> <span class="fa home fa-hand-o-right"></span></i>
                        </div>
                        <div class="item-inner">
                            <div class="item-title label">我的购买</div>
                            <div class="item-input">
                                <span class="fa home fa-angle-right"></span>
                            </div>
                        </div>
                    </div>
                </a>
            </li>
            <li>
                <a href="#/mywallet">
                    <div class="item-content">
                        <div class="item-media">
                            <i class="icon icon-form-name"> <span class="fa home fa-folder-o"></span></i>
                        </div>
                        <div class="item-inner">
                            <div class="item-title label">我的钱包</div>
                            <div class="item-input">
                                <span class="fa home fa-angle-right"></span>
                            </div>
                        </div>
                    </div>
                </a>
            </li>
                <li>
                    <a href="#/help">
                        <div class="item-content">
                            <div class="item-media">
                                <i class="icon icon-form-name"> <span class="fa home fa-question-circle-o"></span></i>
                            </div>
                            <div class="item-inner">
                                <div class="item-title label">帮助反馈</div>
                                <div class="item-input">
                                    <span class="fa home fa-angle-right"></span>
                                </div>
                            </div>
                        </div>
                    </a>
                </li>
            <li>
                <a href="#/mysettings">
                    <div class="item-content">
                        <div class="item-media">
                            <i class="icon icon-form-name"> <span class="fa home fa-gear"></span></i>
                        </div>
                        <div class="item-inner">
                            <div class="item-title label">我的设置</div>
                            <div class="item-input">
                                <span class="fa home fa-angle-right"></span>
                            </div>
                        </div>
                    </div>
                </a>
            </li>
        </ul>
    </div>
    <!--middle内容-->

</div>
<!-- nav-->
<nav class="bar bar-tab">
    <a class="tab-item external " href="#/home">
        <span class="icon icon-home"></span>
        <span class="tab-label">首页</span>
    </a>
    <a class="tab-item external" href="#/classification">
        <span class="icon icon-app"></span>
        <span class="tab-label">分类</span>
    </a>
    <a class="tab-item external" href="#/reflection">
        <span class="icon icon-message"></span>
        <span class="tab-label">动态</span>
    </a>
    <a class="tab-item external active">
        <span class="icon icon-me"></span>
        <span class="tab-label">我的</span>
    </a>
</nav>

<!-- nav-->
<div ng-init="suiMobileInit()"></div>